
<template>
    <div>
        <el-form :inline="true" :model="formInline" class="demo-form-inline" style="border-bottom:1px solid #ccc;">
            <!--网点编码-->
            <el-form-item :label="nowLangue.dotCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.dotCode"></el-input>
            </el-form-item>
            <!--网点名称-->
            <el-form-item :label="nowLangue.dotName" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.dotName"></el-input>
            </el-form-item>
            <!--创建人-->
            <el-form-item :label="nowLangue.creator" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.lendOrderCode"></el-input>
            </el-form-item>
            <!--DOA备案号-->
            <el-form-item :label="nowLangue.DOAcode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.repairOrderCode"></el-input>
            </el-form-item>
            <!--维修单号-->
            <el-form-item :label="nowLangue.repairCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.repairOrderCode"></el-input>
            </el-form-item>
            <!--备案时间-->
            <div class="dayChose">
                <el-form-item :label="nowLangue.recordTime" class="selectMB10" >
                    <el-date-picker type="date" :editable="false" v-model="formInline.startCreateTime" clearable :placeholder="nowLangue.pleaseSelect" @change="selectedCreateTimeBegin"></el-date-picker>
                </el-form-item>
                <span v-text="nowLangue.to"></span>
                <el-form-item  class="selectMB10" style="margin-right:20px;">
                    <el-date-picker clearable :editable="false" v-model="formInline.endCreateTime"  type="date" :placeholder="nowLangue.pleaseSelect" @change="selectedCreateTimeEnd"></el-date-picker>
                </el-form-item>
            </div>
            <!--备件条码-->
            <el-form-item :label="nowLangue.spareBarCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.spareBarCode"></el-input>
            </el-form-item>
            <!-- 备件编码-->
            <el-form-item :label="nowLangue.spareCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.spareCode"></el-input>
            </el-form-item>
            <!-- 备件名称-->
            <!--<el-form-item :label="nowLangue.spareName" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.spareName"></el-input>
            </el-form-item>-->
            <!--DOA类型-->
            <el-form-item :label="nowLangue.DOAtype" class="selectMB10">
                <el-select size="mini" clearable v-model="formInline.status" :placeholder="nowLangue.pleaseSelect">
                    <el-option v-for="(status,index) in statusList" :key="index" :label="status.label" :value="status.value"></el-option>
                </el-select>
            </el-form-item>
            <!--备件小类-->
            <el-form-item :label="nowLangue.spareClass" class="selectMB10">
                <el-select size="mini" clearable v-model="formInline.status" :placeholder="nowLangue.pleaseSelect">
                    <el-option v-for="(status,index) in statusList" :key="index" :label="status.label" :value="status.value"></el-option>
                </el-select>
            </el-form-item>
            <!--计划大类-->
            <el-form-item :label="nowLangue.planClass" class="selectMB10">
                <el-select size="mini" clearable v-model="formInline.status" :placeholder="nowLangue.pleaseSelect">
                    <el-option v-for="(status,index) in statusList" :key="index" :label="status.label" :value="status.value"></el-option>
                </el-select>
            </el-form-item>
            <!--产品线-->
            <el-form-item :label="nowLangue.productLine" class="selectMB10">
                <el-select size="mini" clearable v-model="formInline.status" :placeholder="nowLangue.pleaseSelect">
                    <el-option v-for="(status,index) in statusList" :key="index" :label="status.label" :value="status.value"></el-option>
                </el-select>
            </el-form-item>
            <!--故障编码-->
            <el-form-item :label="nowLangue.faultCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.spareBarCode"></el-input>
            </el-form-item>
            <!--故障名称-->
            <!--<el-form-item :label="nowLangue.faultName" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.spareBarCode"></el-input>
            </el-form-item>-->
            <!--状态-->
            <el-form-item :label="nowLangue.status" class="selectMB10">
                <el-select size="mini" clearable v-model="formInline.status" :placeholder="nowLangue.pleaseSelect">
                    <el-option v-for="(status,index) in statusList" :key="index" :label="status.label" :value="status.value"></el-option>
                </el-select>
            </el-form-item>
            <!--借用订单号-->
            <el-form-item :label="nowLangue.lendOrderCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport+nowLangue.spareBarCode"></el-input>
            </el-form-item>
            <el-form-item class="selectMB10">
                <el-button class="bolder outsideBtnBS" :disabled="selectDisabled" size="mini" type="danger" @click="queryClick()" v-text="nowLangue.query"></el-button>
            </el-form-item>
        </el-form>
        <!--表格-->
        <label class="default-label" v-text="nowLangue.spareLendDetail"></label>
        <el-table :data="spareLendData" border style="width: 100%;" v-loading.body="loading" :element-loading-text="nowLangue.loadDesperately">
            <el-table-column type="index" header-align="center" align="center" :label="nowLangue.sequence" width="40"></el-table-column>
            <!--操作-->
            <el-table-column :label="nowLangue.operate" header-align="center" align="center" width="180">
                <template scope="scope">
                    <!--修改-->
                     <button class="operationItem bolder" @click="update" v-text="nowLangue.update"></button>
                    <!--删除-->
                    <button class="operationItem bolder" v-text="nowLangue.delete"></button>
                    <!--审核-->
                    <button class="operationItem bolder" @click="toExam" v-text="nowLangue.toExam"></button>
                    <!--查看-->
                    <button class="operationItem bolder" @click="check" v-text="nowLangue.check"></button>
                    <!--打印-->
                    <button class="operationItem bolder" v-text="nowLangue.print"></button>
                </template>
            </el-table-column>
            <!--DOA备案号-->
            <el-table-column prop="" :label="nowLangue.DOAcode" header-align="center" show-overflow-tooltip></el-table-column>
            <!--备件编码-->
            <el-table-column prop="" :label="nowLangue.spareCode" header-align="center" show-overflow-tooltip></el-table-column>
            <!--备件名称-->
            <el-table-column prop="" :label="nowLangue.spareName" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--备件条码-->
            <el-table-column prop="" :label="nowLangue.spareBarCode" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--故障代码-->
            <el-table-column prop="" :label="nowLangue.faultCode" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--维修单号-->
            <el-table-column prop="" :label="nowLangue.repairCode" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--网点编码-->
            <el-table-column prop="" :label="nowLangue.dotCode" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--网点名称-->
            <el-table-column prop="" :label="nowLangue.dotName" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--备件小类-->
            <el-table-column prop="" :label="nowLangue.spareClass" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--产品线-->
            <el-table-column prop="" :label="nowLangue.productLine" header-align="center" show-overflow-tooltip></el-table-column>
            <!--计划大类-->
            <el-table-column prop="" :label="nowLangue.planClass" header-align="center" show-overflow-tooltip></el-table-column>
            <!--维修单号-->
            <el-table-column prop="" :label="nowLangue.repairCode" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--借用订单号-->
            <el-table-column prop="" :label="nowLangue.lendOrderCode" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--DOA类型-->
            <el-table-column prop="" :label="nowLangue.DOAtype" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--状态-->
            <el-table-column prop="" :label="nowLangue.status" header-align="center"  show-overflow-tooltip></el-table-column>
            <!--响应时效-->
            <el-table-column prop="" :label="nowLangue.responseTime" header-align="center" show-overflow-tooltip></el-table-column>
            <!--备案人员-->
            <el-table-column prop="" :label="nowLangue.recorder" header-align="center" show-overflow-tooltip></el-table-column>
            <!--备案时间-->
            <el-table-column prop="" :label="nowLangue.recordTime" header-align="center" show-overflow-tooltip></el-table-column>
            <!--情况说明-->
            <el-table-column prop="" :label="nowLangue.conditionDescribe" header-align="center" show-overflow-tooltip></el-table-column>
            <!--审核人-->
            <el-table-column prop="" :label="nowLangue.examer" header-align="center" show-overflow-tooltip></el-table-column>
            <!--审核时间-->
            <el-table-column prop="" :label="nowLangue.examTime" header-align="center" show-overflow-tooltip></el-table-column>
            <!--审核结果-->
            <el-table-column prop="" :label="nowLangue.examResult" header-align="center" show-overflow-tooltip></el-table-column>
            <!--审核说明-->
            <el-table-column prop="" :label="nowLangue.examDescribe" header-align="center" show-overflow-tooltip></el-table-column>
        </el-table>
        <!--修改备件DOA备案-->
        <el-dialog :title="nowLangue.updateSpareDOA" :visible.sync="dialogUpdateVisible" :lock-scroll=false>
            <el-form :inline="true" :model="updateSpareDOAForm" class="demo-form-inline label-minW95" style="border-bottom:1px solid #ccc;" >
                <!--DOA备案号-->
                <el-form-item :label="nowLangue.DOAcode">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备案人员-->
                <el-form-item :label="nowLangue.recorder">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备案时间-->
                <el-form-item :label="nowLangue.recordTime">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--网点编码-->
                <el-form-item :label="nowLangue.dotCode">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--维修网点名称-->
                <el-form-item :label="nowLangue.repairDotName">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件条码-->
                <el-form-item :label="nowLangue.spareBarCode">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件编码-->
                <el-form-item :label="nowLangue.spareCode">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件名称-->
                <el-form-item :label="nowLangue.spareName">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件小类-->
                <el-form-item :label="nowLangue.spareClass">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--计划大类-->
                <el-form-item :label="nowLangue.planClass">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--产品线-->
                <el-form-item :label="nowLangue.productLine">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--维修单号-->
                <el-form-item :label="nowLangue.repairCode">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--主机型号-->
                <el-form-item :label="nowLangue.hostModel">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--借用单号-->
                <el-form-item :label="nowLangue.lendCode">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--DOA类型-->
                <el-form-item :label="nowLangue.DOAtype">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseImport" v-model="updateSpareDOAForm.subClassCode">
                        <el-option>外观</el-option>
                        <el-option>电性能</el-option>
                    </el-select>
                </el-form-item>
                <!--故障编码-->
                <el-form-item :label="nowLangue.faultCode">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--故障名称-->
                <el-form-item :label="nowLangue.faultName">
                    <el-input v-model="updateSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--情况说明-->
                <p>
                    <el-form-item :label="nowLangue.conditionDescribe" class="selectMB10 default-flex">
                        <el-input type="textarea" resize="none" v-model="updateSpareDOAForm.code"></el-input>
                    </el-form-item>
                </p>
            </el-form>
            <!--DOA复测步骤-->
            <label class="default-label" v-text="nowLangue.DOAretest"></label>
            <el-table :data="DOAretestUpdateData" border style="width: 100%;">
                <el-table-column type="index" header-align="center" align="center" :label="nowLangue.sequence" width="40"></el-table-column>
                <!--步骤标题-->
                <el-table-column prop="" :label="nowLangue.stepTitle" header-align="center"  show-overflow-tooltip></el-table-column>
                <!--步骤说明-->
                <el-table-column prop="" :label="nowLangue.stepDescribe" header-align="center"  show-overflow-tooltip></el-table-column>
                <!--复测结果-->
                <el-table-column prop="" :label="nowLangue.retestResult" header-align="center" show-overflow-tooltip width="180">
                    <template scope="scope">
                        <el-select size="mini" :placeholder="nowLangue.pleaseSelect">
                            <el-option>是</el-option>
                            <el-option>否</el-option>
                        </el-select>
                    </template>
                </el-table-column>
                <!--复测说明-->
                <el-table-column prop="" :label="nowLangue.retestDescribe" header-align="center" show-overflow-tooltip width="180">
                    <template scope="scope">
                        <el-input size="mini" :placeholder="nowLangue.pleaseSelect"></el-input>
                    </template>
                </el-table-column>
            </el-table>
            <!--DOA外观图片-->
            <label class="default-label" v-text="nowLangue.DOAappearImage"></label>
            <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.uploadImage"><!--上传图片--></el-button>
            <el-table :data="DOAimageUpdateData" border style="width: 100%;">
                <el-table-column type="index" header-align="center" align="center" :label="nowLangue.sequence" width="40"></el-table-column>
                <!--操作-->
                <el-table-column :label="nowLangue.operate" header-align="center" align="center" width="50">
                    <template scope="scope">
                        <!--删除-->
                        <div class="operationItem bolder" v-text="nowLangue.delete"></div>
                    </template>
                </el-table-column>
                <!--图片名称-->
                <el-table-column prop="" :label="nowLangue.imageName" header-align="center"  show-overflow-tooltip></el-table-column>
            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.saveAndSubmit"></el-button>
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.save"></el-button>
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.cancel"></el-button>
            </div>
        </el-dialog>
        <!--审核备件DOA-->
        <el-dialog :title="nowLangue.examSpareDOA" :visible.sync="dialogExamVisible" :lock-scroll=false>
            <el-form :inline="true" :model="examSpareDOAForm" class="demo-form-inline label-minW95" style="border-bottom:1px solid #ccc;" >
                <!--DOA备案号-->
                <el-form-item :label="nowLangue.DOAcode">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备案人员-->
                <el-form-item :label="nowLangue.recorder">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备案时间-->
                <el-form-item :label="nowLangue.recordTime">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--网点编码-->
                <el-form-item :label="nowLangue.dotCode">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--维修网点名称-->
                <el-form-item :label="nowLangue.repairDotName">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件条码-->
                <el-form-item :label="nowLangue.spareBarCode">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件编码-->
                <el-form-item :label="nowLangue.spareCode">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件名称-->
                <el-form-item :label="nowLangue.spareName">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件小类-->
                <el-form-item :label="nowLangue.spareClass">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--计划大类-->
                <el-form-item :label="nowLangue.planClass">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--产品线-->
                <el-form-item :label="nowLangue.productLine">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--维修单号-->
                <el-form-item :label="nowLangue.repairCode">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--主机型号-->
                <el-form-item :label="nowLangue.hostModel">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--借用单号-->
                <el-form-item :label="nowLangue.lendCode">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--DOA类型-->
                <el-form-item :label="nowLangue.DOAtype">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseImport" v-model="examSpareDOAForm.subClassCode">
                        <el-option>外观</el-option>
                        <el-option>电性能</el-option>
                    </el-select>
                </el-form-item>
                <!--故障编码-->
                <el-form-item :label="nowLangue.faultCode">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--故障名称-->
                <el-form-item :label="nowLangue.faultName">
                    <el-input v-model="examSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--情况说明-->
                <p>
                    <el-form-item :label="nowLangue.conditionDescribe" class="selectMB10 default-flex">
                        <el-input type="textarea" resize="none" v-model="examSpareDOAForm.code"></el-input>
                    </el-form-item>
                </p>
            </el-form>
            <!--DOA复测步骤-->
            <label class="default-label" v-text="nowLangue.DOAretest"></label>
            <el-table :data="DOAretestData" border style="width: 100%;">
                <el-table-column type="index" header-align="center" align="center" :label="nowLangue.sequence" width="40"></el-table-column>
                <!--步骤标题-->
                <el-table-column prop="" :label="nowLangue.stepTitle" header-align="center"  show-overflow-tooltip></el-table-column>
                <!--步骤说明-->
                <el-table-column prop="" :label="nowLangue.stepDescribe" header-align="center"  show-overflow-tooltip></el-table-column>
                <!--复测结果-->
                <el-table-column prop="" :label="nowLangue.retestResult" header-align="center" show-overflow-tooltip width="180"></el-table-column>
                <!--复测说明-->
                <el-table-column prop="" :label="nowLangue.retestDescribe" header-align="center" show-overflow-tooltip width="180"></el-table-column>
            </el-table>
            <!--DOA外观图片-->
            <label class="default-label" v-text="nowLangue.DOAappearImage"></label>
            <el-table :data="DOAimageData" border style="width: 100%;">
                <el-table-column type="index" header-align="center" align="center" :label="nowLangue.sequence" width="40"></el-table-column>
                <!--操作-->
                <el-table-column :label="nowLangue.operate" header-align="center" align="center" width="70">
                    <template scope="scope">
                        <!--查看图片-->
                        <div class="operationItem bolder" v-text="nowLangue.checkImage"></div>
                    </template>
                </el-table-column>
                <!--图片名称-->
                <el-table-column prop="" :label="nowLangue.imageName" header-align="center"  show-overflow-tooltip></el-table-column>
            </el-table>
            <!--DOA审核结果-->
            <label class="default-label" v-text="nowLangue.DOAexamResult"></label>
            <el-form :inline="true" :model="examSpareDOAForm" class="demo-form-inline label-minW95">
                <!--审核结果-->
                <el-form-item :label="nowLangue.examResult">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseImport" v-model="examSpareDOAForm.subClassCode">
                        <el-option>DOA</el-option>
                        <el-option>非损</el-option>
                    </el-select>
                </el-form-item>
                <!--审核说明-->
                <p>
                    <el-form-item :label="nowLangue.examExplain" class="selectMB10 default-flex">
                        <template scope="scope">
                            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
                                <el-tab-pane label="1" name="1">
                                    <el-input type="textarea" resize="none" class="disabledClick" disabled v-model="examSpareDOAForm.code"></el-input>
                                </el-tab-pane>
                                <el-tab-pane label="2" name="2">
                                    <el-input type="textarea" resize="none" v-model="examSpareDOAForm.code"></el-input>
                                </el-tab-pane>
                            </el-tabs>
                        </template>
                    </el-form-item>
                </p>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.loadResponse"></el-button>
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.confirm"></el-button>
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.cancel"></el-button>
            </div>
        </el-dialog>
        <!--查看备件DOA-->
        <el-dialog :title="nowLangue.checkSpareDOA" :visible.sync="dialogCheckVisible" :lock-scroll=false>
            <el-form :inline="true" :model="checkSpareDOAForm" class="demo-form-inline label-minW95" style="border-bottom:1px solid #ccc;" >
                <!--DOA备案号-->
                <el-form-item :label="nowLangue.DOAcode">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备案人员-->
                <el-form-item :label="nowLangue.recorder">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备案时间-->
                <el-form-item :label="nowLangue.recordTime">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--网点编码-->
                <el-form-item :label="nowLangue.dotCode">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--维修网点名称-->
                <el-form-item :label="nowLangue.repairDotName">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件条码-->
                <el-form-item :label="nowLangue.spareBarCode">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件编码-->
                <el-form-item :label="nowLangue.spareCode">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件名称-->
                <el-form-item :label="nowLangue.spareName">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--备件小类-->
                <el-form-item :label="nowLangue.spareClass">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--计划大类-->
                <el-form-item :label="nowLangue.planClass">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--产品线-->
                <el-form-item :label="nowLangue.productLine">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--维修单号-->
                <el-form-item :label="nowLangue.repairCode">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--主机型号-->
                <el-form-item :label="nowLangue.hostModel">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--借用单号-->
                <el-form-item :label="nowLangue.lendCode">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--DOA类型-->
                <el-form-item :label="nowLangue.DOAtype">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseImport" v-model="checkSpareDOAForm.subClassCode">
                        <el-option>外观</el-option>
                        <el-option>电性能</el-option>
                    </el-select>
                </el-form-item>
                <!--故障编码-->
                <el-form-item :label="nowLangue.faultCode">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--故障名称-->
                <el-form-item :label="nowLangue.faultName">
                    <el-input v-model="checkSpareDOAForm.code" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--情况说明-->
                <p>
                    <el-form-item :label="nowLangue.conditionDescribe" class="selectMB10 default-flex">
                        <el-input type="textarea" resize="none" v-model="checkSpareDOAForm.code"></el-input>
                    </el-form-item>
                </p>
            </el-form>
            <!--DOA复测步骤-->
            <label class="default-label" v-text="nowLangue.DOAretest"></label>
            <el-table :data="DOAretestCheckData" border style="width: 100%;">
                <el-table-column type="index" header-align="center" align="center" :label="nowLangue.sequence" width="40"></el-table-column>
                <!--步骤标题-->
                <el-table-column prop="" :label="nowLangue.stepTitle" header-align="center"  show-overflow-tooltip></el-table-column>
                <!--步骤说明-->
                <el-table-column prop="" :label="nowLangue.stepDescribe" header-align="center"  show-overflow-tooltip></el-table-column>
                <!--复测结果-->
                <el-table-column prop="" :label="nowLangue.retestResult" header-align="center" show-overflow-tooltip width="180"></el-table-column>
                <!--复测说明-->
                <el-table-column prop="" :label="nowLangue.retestDescribe" header-align="center" show-overflow-tooltip width="180"></el-table-column>
            </el-table>
            <!--DOA外观图片-->
            <label class="default-label" v-text="nowLangue.DOAappearImage"></label>
            <el-table :data="DOAimageCheckData" border style="width: 100%;">
                <el-table-column type="index" header-align="center" align="center" :label="nowLangue.sequence" width="40"></el-table-column>
                <!--操作-->
                <el-table-column :label="nowLangue.operate" header-align="center" align="center" width="70">
                    <template scope="scope">
                        <!--查看图片-->
                        <div class="operationItem bolder" v-text="nowLangue.checkImage"></div>
                    </template>
                </el-table-column>
                <!--图片名称-->
                <el-table-column prop="" :label="nowLangue.imageName" header-align="center"  show-overflow-tooltip></el-table-column>
            </el-table>
            <!--DOA审核结果-->
            <label class="default-label" v-text="nowLangue.DOAexamResult"></label>
            <el-form :inline="true" :model="checkSpareDOAForm" class="demo-form-inline label-minW95">
                <!--审核结果-->
                <el-form-item :label="nowLangue.examResult">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseImport" v-model="checkSpareDOAForm.subClassCode">
                        <el-option>DOA</el-option>
                        <el-option>非损</el-option>
                    </el-select>
                </el-form-item>
                <!--审核说明-->
                <p>
                    <el-form-item :label="nowLangue.examExplain" class="selectMB10 default-flex">
                        <template scope="scope">
                            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
                                <el-tab-pane label="1" name="1">
                                    <el-input type="textarea" resize="none" class="disabledClick" disabled v-model="checkSpareDOAForm.code"></el-input>
                                </el-tab-pane>
                                <el-tab-pane label="2" name="2">
                                    <el-input type="textarea" resize="none" class="disabledClick" disabled v-model="checkSpareDOAForm.code"></el-input>
                                </el-tab-pane>
                            </el-tabs>
                        </template>
                    </el-form-item>
                </p>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.cancel"></el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                nowLangue:{},
                languageScoped:{
                    zh:{
                        "pleaseSelect":"请选择",
                        "pleaseImport":"请输入",
                        "spareCode":"备件编码",
                        "spareName":"备件名称",
                        "spareBarCode":"备件条码",
                        "to":"至",
                        "query":"查询",
                        "loadDesperately":"拼命加载中",
                        "sequence":"序",
                        "operate":"操作",
                        "status":"状态",
                        "dotCode":"网点编码",
                        "dotName":"网点名称",
                        "lendOrderCode":"借用订单号",
                        "repairCode":"维修单号",
                        "planClass":"计划大类",
                        "productLine":"产品线",
                        "spareClass":"备件小类",
                        "DOAtype":"DOA类型",
                        "faultCode":"故障编码",
                        "faultName":"故障名称",
                        "creator":"创建人",
                        "DOAcode":"DOA备案号",
                        "spareLendDetail":"备件DOA备案明细",
                        "update":"修改",
                        "submit":"提交",
                        "delete":"删除",
                        "toExam":"审核",
                        "check":"查看",
                        "print":"打印",
                        "examer":"审核人",
                        "examTime":"审核时间",
                        "examResult":"审核结果",
                        "examDescribe":"审核描述",
                        "examExplain":"审核说明",
                        "responseTime":"响应时效",
                        "recorder":"备案人员",
                        "recordTime":"备案时间",
                        "conditionDescribe":"情况说明",
                        "examSpareDOA":"备件DOA审核",
                        "updateSpareDOA":"修改备件DOA备案",
                        "checkSpareDOA":"备件DOA查看",
                        "repairDotName":"维修网点名称",
                        "hostModel":"主机型号",
                        "lendCode":"借用单号",
                        "saveAndSubmit":"保存并提交",
                        "save":"保存",
                        "cancel":"取消",
                        "confirm":"确定",
                        "loadResponse":"待回复",
                        "DOAretest":"DOA复测步骤",
                        "stepTitle":"步骤标题",
                        "stepDescribe":"步骤说明",
                        "retestResult":"复测结果",
                        "retestDescribe":"复测说明",
                        "DOAappearImage":"DOA外观图片",
                        "imageName":"图片名称",
                        "uploadImage":"上传图片",
                        "DOAexamResult":"DOA审核结果",
                        "checkImage":"查看图片",
                    },
                    en:{
                        "pleaseSelect":"pleaseSelect",
                        "pleaseImport":"pleaseImport",
                        "spareCode":"spareCode",
                        "spareName":"spareName",
                        "spareBarCode":"spareBarCode",
                        "to":"to",
                        "query":"query",
                        "loadDesperately":"loadDesperately",
                        "sequence":"sequence",
                        "operate":"operate",
                        "status":"status",
                        "dotCode":"dotCode",
                        "dotName":"dotName",
                        "lendOrderCode":"lendOrderCode",
                        "repairCode":"repairCode",
                        "planClass":"planClass",
                        "productLine":"productLine",
                        "spareClass":"spareClass",
                        "DOAtype":"DOAtype",
                        "faultCode":"faultCode",
                        "faultName":"faultName",
                        "creator":"creator",
                        "DOAcode":"DOAcode",
                        "spareLendDetail":"spareLendDetail",
                        "update":"update",
                        "submit":"submit",
                        "delete":"delete",
                        "toExam":"toExam",
                        "check":"check",
                        "print":"print",
                        "examer":"examer",
                        "examTime":"examTime",
                        "examResult":"examResult",
                        "examDescribe":"examDescribe",
                        "examExplain":"examExplain",
                        "responseTime":"responseTime",
                        "recorder":"recorder",
                        "recordTime":"recordTime",
                        "conditionDescribe":"conditionDescribe",
                        "examSpareDOA":"examSpareDOA",
                        "updateSpareDOA":"updateSpareDOA",
                        "checkSpareDOA":"checkSpareDOA",
                        "repairDotName":"repairDotName",
                        "hostModel":"hostModel",
                        "lendCode":"lendCode",
                        "saveAndSubmit":"saveAndSubmit",
                        "save":"save",
                        "cancel":"cancel",
                        "confirm":"confirm",
                        "loadResponse":"loadResponse",
                        "DOAretest":"DOAretest",
                        "stepTitle":"stepTitle",
                        "stepDescribe":"stepDescribe",
                        "retestResult":"retestResult",
                        "retestDescribe":"retestDescribe",
                        "DOAappearImage":"DOAappearImage",
                        "imageName":"imageName",
                        "uploadImage":"uploadImage",
                        "DOAexamResult":"DOAexamResult",
                        "checkImage":"checkImage",
                    }
                },
                activeName:"1",
                // 查询表单
                formInline:{

                },
                spareLendData:[{
                    name:"aaa"
                }],
                dialogUpdateVisible:false,//修改弹窗
                updateSpareDOAForm:{},//新建查询表单
                DOAretestUpdateData:[{name:"aaa"}],//DOA复测
                DOAimageUpdateData:[{name:"aaa"}],//DOA外观图片

                dialogExamVisible:false,//审核弹窗
                examSpareDOAForm:{},//审核表单
                DOAretestData:[{name:"aaa"}],//DOA复测
                DOAimageData:[{name:"aaa"}],//DOA外观图片

                dialogCheckVisible:false,//查看弹窗
                checkSpareDOAForm:{},//查看表单
                DOAretestCheckData:[{name:"aaa"}],//DOA复测
                DOAimageCheckData:[{name:"aaa"}],//DOA外观图片
                //查询禁用
                selectDisabled:false,
                submitDisabled:false,

                loading:false,
            };
        },
        created:function(){
            this.languageType=="zh"?this.nowLangue=this.languageScoped.zh:this.nowLangue=this.languageScoped.en;
        },
        computed:{
            languageType(){
                return this.$store.state.languageType;
            }
        },
        watch:{
            languageType(){
                this.languageType=="zh"?this.nowLangue=this.languageScoped.zh:this.nowLangue=this.languageScoped.en;
            }
        },
        //进入页面立即运行此方法
        mounted: function () {
            var _this = this;
            _this.$store.commit('currentActive', 'SpareDOAdeal');
        },
        methods:{
            // 选择创建开始日期
            selectedCreateTimeBegin(val){

            },
            // 选择创建结束日期
            selectedCreateTimeEnd(val){

            },
            //查询列表
            queryClick(){
                /*var _this=this;
                 _this.loading=true;
                 var urlAddress="";
                 if(this.isClickBySelect){
                     urlAddress="projectSubstitute/queryMaterialByPage";
                 }else{
                     urlAddress="projectSubstitute/queryIncreasementMaterialByPage";
                 }
                 var tmp={
                     productLineId:_this.formInline.productLineId,
                     legalPersonCode:_this.formInline.legalPersonCode,
                     startCreateTime:_this.formInline.startCreateTime,
                     endCreateTime:_this.formInline.endCreateTime,
                     materialCode:_this.formInline.materialCode,
                     materialName:_this.formInline.materialName,
                     status:_this.formInline.status,
                     pageIndex:_this.pageIndex,
                     pageSize:_this.pageSize
                 };
                 $.ajax({
                     type: 'POST',
                     url: _this.metadata_service+urlAddress,
                     cache: false,
                     data:JSON.stringify(tmp),
                     dataType:'JSON',
                     contentType: "application/json;charset=utf-8",
                     success: function (data) {
                         if (data.success) {
                             _this.loading=false;
                             _this.isPaging=true;
                             _this.totalPage=data.data.totalPage;
                             _this.totalNumber=data.data.totalNumber;
                             _this.productData=data.data.dataList;
                         }else{
                             _this.loading=false;
                            _this.common.errorTip(data.errorMessage)
                         }
                     }
                 });*/
            },
            update(){
                this.dialogUpdateVisible=true;
            },
            submit(){

            },
            toExam(){
                this.dialogExamVisible=true;
            },
            check(){
                this.dialogCheckVisible=true;
            },
        }
    }
</script>



